<template>
    <div id="app">
        <div class="menu">
            <div class="container">
                <router-link to="/">路飞学城</router-link>
                <router-link to="/home">首页</router-link>
                <router-link to="/course">课程</router-link>
                <router-link to="/news">资讯</router-link>
            </div>
        </div>
        <div class="container">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
    // import HelloWorld from './components/HelloWorld.vue'

    export default {
        name: 'App',
        data() {
            return {
                title: 'HelloWorld',
            }
        }
    }
</script>

<style>
    body {
        margin: 0;
    }

    .container {
        width: 1100px;
        margin: 0 auto;
    }

    .menu {
        height: 48px;
        background-color: #499ef3;
        line-height: 48px;

    }

    .menu a {
        color: white;
        text-decoration: none;
        padding: 0 10px;
    }
</style>
